<template>
  <table class="g-table g-table--no-padding g-table--left">
    <thead>
      <tr>
        <th v-for="(item, i) in cols" :key="i">
          <span>{{ item }}</span>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td colspan="5">
          <Empty />
        </td>
      </tr>
    </tbody>
  </table>
</template>

<script>
import Empty from "@/components/Empty";
export default {
  components: {
    Empty,
  },
  data() {
    return {
      cols: {
        asset: "Assets",
        walletBalance: "Wallet Balance",
        unrealizedProfit: "Unrealized PNL",
        availableBalance: "Available",
        marginBalance: "Margin Balance",
      },
    };
  },
};
</script>
